<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="f"  uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h"  uri="http://java.sun.com/jsf/html"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/application.css" />


<title>CPP</title>
</head>
<body>
<f:view>
	<div id="gov_container">
		<div id="gov_content">
			<h:outputLink id="mecLink" value="http://www.mec.gov.br/" target="_blank" title="Ministério da Educação">
				<h:graphicImage value="/images/mec.gif" />
			</h:outputLink>
			
			<h:outputLink id="govLink" value="http://www.brasil.gov.br/" target="_blank" title="Governo do Brasil">
				<h:graphicImage value="/images/gov.gif" />
			</h:outputLink>
		</div>
	</div>
	<div id="wrap_body_container">
		<div id="body_content">
			<div id="header">
				<div id="mainLinksContainer">
					<div id="linksContainer">
						<ul class="horizontalLinks">
								<jsp:include page="main_menu.jsp"></jsp:include>				
						</ul>
					</div>
					<div id="systemName">
						<h1>CPP - Controle de Práticas Profissionais</h1>
					</div>				
				</div>
			</div>
			<div id="breadcrumb">
				<div id="breadcrumb_top">
				</div>
				<div id="breadcrumb_bottom">
					<div id="breadcrumb_content">
						<span>
								<h:outputText> » </h:outputText>			
							<h:outputLink value="#" title="link01" styleClass="active">Banco de vagas</h:outputLink>			
						</span>
					</div>
				</div>
			</div>
			<div id="site_content">
				<div id="main_content">
					<h1 class="title">Banco de Vagas</h1>
					<br />
					
					Aqui vai a Lista de vagas...
				</div>
				<div id="right_menu">
					<div class="right_menu_header">
						<h3>Links Rápidos</h3>
					</div>
					
					<div class="right_menu_body">
						<ul class="rightLinks">
							<li><h:outputLink value="#" title="Marcar Reunião">Nova vaga</h:outputLink></li>	
							<li><h:outputLink value="#" title="Marcar Reunião">Lista de vagas</h:outputLink></li>					
							<li><h:outputLink value="#" title="Marcar Reunião">Vagas ocupadas</h:outputLink></li>					
						</ul>
					</div>				
				</div>

			<br class="clearFooter" />
			</div>			
			
			<div id="footer">
				<span class="rights">© Instituto Federal do Rio Grande do Norte - 2010</span>
			</div>
		</div>	
	</div>
</f:view>
</body>
</html>